@extends('default.layouts.companyPublic')

@section('title', '企业账户中心')
@section('headcss')
    @parent
    <link rel="stylesheet" type="text/css" href="{{asset('/default/css/company/mobile.css')}}">
@endsection
@section('rightcon')
    <div class="right">
        <div class="box">
            <img src="{{ asset('/default/images/company/comp_mobile.png') }}" alt="企业后台移动端手机图片" width="506" height="669">
        </div>
        <div class="useMobile">
            <p class="title">使用企业移动端</p>
            <p class="explain">应聘消息即时推送，招聘更高效</p>
            <ul class="subNav">
                <li class="iphone active"><i></i><span>iphone</span></li>
                <li class="android"><i></i><span>Android</span></li>
                <li class="weixin"><i></i><span>微信版</span></li>
                <li class="html5"><i></i><span>触屏版</span></li>
            </ul>
            <ul class="code">
                <li>
                    <img src="{{ asset('/default/images/logo/code_ios_comp.png') }}" alt="iphone下载二维码" width="182" height="182">
                    <span>iphone 版下载</span>
                </li>
                <li class="hide">
                    <img src="{{ asset('/default/images/logo/code_android_comp.png') }}" alt="Android下载二维码" width="182" height="182">
                    <span>Android 版下载</span>
                </li>
                <li class="hide">
                    <img src="{{ asset('/default/images/logo/code_company_weixin.png') }}" alt="微信版下载二维码" width="182" height="182">
                    <span>微信版</span>
                </li>
                <li class="hide">
                    <img src="{{ asset('/default/images/logo/code_html5_comp.png') }}" alt="触屏版下载二维码" width="182" height="182">
                    <span>触屏版</span>
                </li>
            </ul>
        </div>
    </div>
@endsection
@section('footerjs')
    @parent
    <script type="text/javascript">
        $(function(){
            //左侧导航条高亮
            $("#leftnav_mobile").addClass("active");

            //点击切换二维码
            $('.right .useMobile ul.subNav').on('click','li',function(){
                var index = $(this).index();
                if(!$(this).hasClass('active')){
                    $(this).addClass('active').siblings().removeClass('active');
                    $(this).parent().siblings('ul.code').children().slideUp(300).eq(index).slideDown(300);
                }
            });
        });
    </script>
@endsection